<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!-- Bootstrap Styles-->
  <link rel="stylesheet" type="text/css"  th:href="@{/css/text/bootstrap.css}"/>
  <link rel="stylesheet" type="text/css"  th:href="@{/css/text/bootstrap-theme.min.css}"/>
  <link rel="stylesheet" type="text/css"  th:href="@{/css/text/bootstrap-admin-theme.css}"/>
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
</head>
<body class="bootstrap-admin-with-small-navbar">
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top " role="navigation">
  <div class="container">
    <div class="row">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" th:href="@{../user/index}">GMS</a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="active"><a th:href="@{../user/index}">首页</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">场地<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a th:href="@{../toPlaceApply1}">预约场地</a></li>
              <li><a th:href="@{../toPlaceUse}">场地使用</a></li>
              <li><a th:href="@{../toUserPlaceApply}">预约退订</a></li>
              <li><a th:href="@{../toStanderDetail}">场地收费标准</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">器材<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a th:href="@{../equipment/showEquipment}" >租借</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">赛事<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a th:href="@{../event/touserevent(pageNum=1,userId=${session.username})}">我的赛事</a></li>
              <li><a th:href="@{../event/toeventcreate}">创建赛事</a></li>
            </ul>
          </li>
          <li class="active">
            <a th:href="@{../notice/tonoticeuser}">网站公告</a>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li th:if="${session.permission}!='0'" ><a th:href="@{../management}">管理后台</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">用户<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a th:href="@{../user/toChangeuser}">修改资料</a></li>
              <li><a th:href="@{../user/toChangepassword}">修改密码</a></li>
              <li class="divider"></li>
              <li><a th:href="@{/login}">退出登录</a></li>
            </ul>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div>
  </div>
</nav>
<div class="container">
  <!-- left, vertical navbar & content -->
  <div class="row">
    <div class="row bootstrap-admin-no-edges-padding">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="text-muted bootstrap-admin-box-title">系统简介</div>
          </div>
          <div class="bootstrap-admin-panel-content">
            <p>广东海洋大学体育馆始建于2005年，于2005年5月施工到2010年10份正式竣工，于2010年11月17日正式投入使用。
              该馆共投入4000余万元。主校区体育馆位于校园中心区域，依山傍海，气势恢宏，与周围错落有致的楼群及雕塑相映成趣，构成一幅中西风格相统一、自然与人文相协调的和谐风景。</p>
            <p>体育馆占地面积1万4平方米，建筑面积高达13500平方米，共有四层。
              首层作为主场馆，共设有2397个座位，主场馆内最多可以容纳5717人。
              主场馆内除了设有体育学院办公室、运动器材室、运动员休息室和会议室以外，还有一个标准篮球场，其面积等同于12个羽毛球场和两个排球场。
              除了日常可供师生进行体育锻炼外，也可举行军训动员大会、大型文艺演出等大型活动。
              值得注意的是，第二层除了设有台球、健身房外，还设有保龄球馆。第三、四层则分别设有乒乓球室和武术馆、体操馆。</p>
            <p>长期以来海大没有大型室内的体育场所，几乎所有活动都要在室外进行。
              然而室外的体育活动受到多种自然因素的影响，很大程度上制约了我校体育活动事业的开展。
              经过多年建设，主校区体育馆终于落成，这对我校的体育和学生的体质发展有很大的意义。
              开发本系统用来高效管理体育馆的日常运营和后勤管理，同时降低管理成本。
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="row bootstrap-admin-no-edges-padding">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="text-muted bootstrap-admin-box-title">场馆公告（新）</div>
          </div>
          <div class="bootstrap-admin-panel-content">
            <p th:text="${placenotice.notice_title}" align="center"></p>
            <p th:text="${placenotice.notice_content}"></p>
            <p th:text="${#dates.format(placenotice.notice_date,'yyyy-MM-dd')}" align="right"></p>
          </div>
        </div>
      </div>
    </div>

    <div class="row bootstrap-admin-no-edges-padding">
      <div class="col-md-4" th:each="event:${eventNoticelist}">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="text-muted bootstrap-admin-box-title"><p th:text="${event.EventName}"></p></div>
          </div>
          <div class="bootstrap-admin-panel-content">
            <p th:text="'地点: '+${event.EventSite}"></p></p>
            <p th:text="'时间: '+${#dates.format(event.EventStartTime,'yyyy-MM-dd')}+' 到 '+${#dates.format(event.EventEndTime,'yyyy-MM-dd')}"></p>
            <p th:text="'负责人: '+${event.EventPrincipal}"></p>
            <p th:text="'负责人电话: '+${event.PrincipalPhone}"></p>
            <p th:text="'说明: '+${event.EventExplain}">
            <p align="right">
              <button type="button">
                <a th:href="@{../event/toeventupdate(EventId=${event.EventId})}">进入</a>
              </button>
            </p>
          </div>
        </div>
      </div>
    </div>


  </div>
</div>
</body>
</body>
</html>